@import 'antd/es/style/themes/default.less';
.book-block {
  position: relative;

  display: inline-block;

  box-sizing: border-box;
  width: 273px;
  margin: 12px;
  padding: 12px 24px;

  border: 1px solid @border-color-split;
  border-radius: @border-radius-base;
  background-color: #fff;
  &.active {
    .operate-icons {
      display: inline-block;
    }
  }
}

.book-block__header {
  font-size: @font-size-base;
  line-height: 32px;

  color: @text-color;
}

.book-block__line {
  font-size: @font-size-sm;
  line-height: 20px;

  padding: 6px 0;
}

.book-block__room {
  font-size: @font-size-sm;
  line-height: 32px;

  color: @link-color;
}

.operate-icons {
  font-size: @heading-4-size;

  position: absolute;
  top: 6px;
  right: 6px;

  display: none;

  color: @text-color;
}

.modify-icon,
.delete-icon {
  cursor: pointer;
}

.delete-icon {
  color: @error-color;
}
